VScode配置Arduino开发环境(保姆级教程,包括图形化编程,DEBUG信息消除,字体乱码的解决办法)

您所在的位置:网站首页 vs code离线安装调试器 VScode配置Arduino开发环境(保姆级教程,包括图形化编程,DEBUG信息消除,字体乱码的解决办法)

VScode配置Arduino开发环境(保姆级教程,包括图形化编程,DEBUG信息消除,字体乱码的解决办法)

2024-07-14 13:15| 来源: 网络整理| 查看: 265

VScode配置Arduino开发环境 arduino、VScode的安装Path路径的配置vscode环境的配置仅对Arduino进行开发多种任务共用VScode进行开发(推荐这样配置) 一些小问题的处理关于Vscode自己创建的一些文件Arduino添加第三方开发板关于编译时出现一大堆DEBUG和TRACE关于编译时中文显示乱码的问题Arduino添加可视化编程

arduino、VScode的安装

首先我们需要下载arduino的编译器 这里就直接建议在Arduino中文社区下载就行了,速度比官网快太多了 Arduino下载链接:https://www.arduino.cn/thread-5838-1-1.html Arduino中文社区:https://www.arduino.cn/ 关于下载安装就不花篇幅介绍了

关于VScode,微软官方下载即可,速度还行 VScode官网:https://code.visualstudio.com/ 同样,这里也就不花篇幅介绍

Path路径的配置

在这里插入图片描述 在这里插入图片描述

我们直接在windows搜索 环境变量 就行了

然后你会看到下面这个界面,点击环境变量 在这里插入图片描述

双击用户变量那里的Path

在这里插入图片描述

然后点击新建,将你自己的Arduino安装路径填入(我这里是F:\soft\Arduino)

在这里插入图片描述

一路确定点出来

为了验证你的Path是否正确,你可以按Win+R键调出命令窗口,然后输入Arduino,观察是否会唤出Arduino的IDE

如果能够唤出IDE,说明配置正确,否者检查你的配置

vscode环境的配置

首先打开你的VScode,为了使其能够应对Arduino的开发,我们需要对其安装插件

安装方式如图 (这里我已经安装过了,所以插件界面会有一个禁用和卸载,如果你没有安装过,那里就会正常显示安装)

在这里插入图片描述

然后我们需要对插件进行一些设置

这里我们分为两类人群讲解

一类是仅仅使用VScode来对Arduino进行开发

另一类是除Arduino外,还有其他程序的开发需要

仅对Arduino进行开发 在这里插入图片描述

我们首先点开设置,然后点击右上角图标,转到代码界面

在这里插入图片描述

然后输入以下内容:

{ "arduino.path": "C:\\Program Files (x86)\\Arduino", //注意,这里填入你自己Arduino安装路径,也就是前面配置的Path路径 "C_Cpp.intelliSenseEngine": "Tag Parser", "editor.insertSpaces": true, "files.autoGuessEncoding": true, "arduino.logLevel": "info", "explorer.confirmDelete": false, "editor.detectIndentation": false, }

Ctrl+s保存

至此,配置已经完成,你可以愉快的开发了

随后就是建立工作区,创建ino文件,选着开发板、端口后,就可以点击右上角的下载(烧录)按钮了

在这里插入图片描述

在这里插入图片描述

多种任务共用VScode进行开发(推荐这样配置)

这个时候,如果还是像上面一样将每种任务的设置都写入用户.json 中,那么就有可能出现各种问题,比如在编辑C++的时候弹出Arduino的补全,明显,这不是我们希望看到的结果

于是,我们可以将这些配置文件 (settings.json)写进我们的工作区,这样它们就互不干扰了(你总不想在C++里面写set的时候,Intellisense冒出一堆Arduino的Serial吧)

配置方法很简单,我们只需要将刚刚我们配置在用户json里面的定西删掉,然后将其配置在和你工作区同目录下的 .vscode 文件夹的 settings.json里面就可以了

在这里插入图片描述 在这里插入图片描述

然后你会惊讶的发现,有的命令颜色比其他命令颜色淡上一圈

这是因为这些命令是只能在全局才能生效的,我们只需要将这些全局命令剪切到用户.json里面即可

注意:这种方法不仅针对Arduino,对于其他同理,比如我自己配置的Python和C++

稍加修改,我们得这样的工作区和全局配置文件(左边为工作区,右边为全局,也就是用户配置):

在这里插入图片描述

可以看到,我还配置了C++和Python 在用户设置里面的全局设置是对所有工作区都生效的

我这里从上到下依次为

字体

侧边栏显示位置

字号

工作区颜色主题(One Dark Pro很好看的,建议下一个)

删除文件时是否打开资源管理器询问

至此,配置也就告一段落

一些小问题的处理 关于Vscode自己创建的一些文件

运行后,VScode会在当前工作区的.vscode文件下创建Arduino.json和c_cpp_properties.json两个文件,这是必要的设置文件,不必在意,即使删掉也会自动重建

Arduino添加第三方开发板

在Arduino软件中,按照以下顺序点开开发版管理器

添加第三方开发板,文件->首选项->附加开发板:

在这里插入图片描述

然后可以在浏览器中查看对应第三方开发版的网址,将其复制进入附加网址那个白框就行,注意一行一个

关于编译时出现一大堆DEBUG和TRACE

在这里插入图片描述

这个可以说非常操蛋的体验了,烧录信息刚好被这一堆乱七八糟的东西夹在中间

处理方法非常简单

进入Arduino的安装目录,你会看到两个ini文件arduino.l4j.ini 和 arduino_debug.l4j.ini

用文档编辑器打开这两个文件,在其后面加上一句 -DDEBUG=false ,然后保存退出即可解决问题

在这里插入图片描述

关于编译时中文显示乱码的问题 在这里插入图片描述

这个是Arduino插件的问题

我们需要进入 C:\Users\这里是你当前的用户.vscode\extensions\vsciot-vscode.vscode-arduino-0.3.4\out\src\common

上面是0.3.4旧版本arduino插件修改方法,其会随着版本的更新而替换文件,所以每次版本更新后需要重新操作一次 目前arduino插件最新版本为0.3.5,问题依旧,解决办法也依旧注释这一段就行

这个文件夹,找到下面的一个 util.js 文件,用文档编辑器打开,在第215行找到这么一段代码,并将它注释掉

在这里插入图片描述

在这里插入图片描述

然后重启VScode,可以看到,乱码就没有了

Arduino添加可视化编程

这个就和vscode没有多大关系了

首先,我们要下载一个插件Ardublock(这里就放官网了,如果觉得下载不方便,可以 百度Ardublock)

然后我们会得到一个 .jar 文件

然后将这个 .jar文件放到 C:\Users\26361\Documents\Arduino\tools\ArduBlockTool\Tool目录下如果中间少了文件夹,自己创建一个对应的即可

然后打开Arduino,你就可以在Arduino的工具菜单下看到Ardublock了

在这里插入图片描述

单击即可进入

不过那个程序员不想直接通过代码来实现呢,不但节省时间 (还非常装逼) 况且这个项目已经废弃有一段时间了,个人建议由代码基础的还是写代码比较好



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3